{{-- 继承布局模板 --}}
@extends( 'mofa.layouts.main-layout' )


{{--  当前页面的样式表 --}}
@section('style')
    <link rel="stylesheet" type="text/css" href="{{ asset('mofa/css/service-try-on.css') }}">
@endsection()


{{-- 插入标题 --}}
@section('title')
    <title>广州魔发科技有限公司,发型虚拟试戴</title>
@endsection


@section('content')

    <section class="banner">
        {{--<div class="bym-wrapper">--}}
            {{--<h2 class="banner-title">--}}
                {{--眼镜虚拟试戴解决方案--}}
            {{--</h2>--}}
            {{--<h6 class="banner-subtitle">--}}
                {{--通过虚拟技术让产品和服务直达消费者--}}
            {{--</h6>--}}
            {{--<p class="banner-content">--}}
                {{--眼镜虚拟试戴是指利用AR技术和人脸识别技术，让用户可以在实体店或智能移动设备看到自己真实的眼镜试戴效果。眼镜虚拟试戴技术能帮助消费者方便快捷地接触海量眼镜产品，通过脸型分析和智能推荐技术满足消费者个性化消费需求。开发者服务专为客户提供定制需求服务，通过平台搭建、试戴接入、数据测量等功能模块的实现，帮助客户建立独立平台进行线上营销，无限扩展业务，最终实现线上线下联动。--}}
            {{--</p>--}}
        {{--</div>--}}
    </section>


    <!-- 服务介绍 -->
    <section class="introdution">
        <div class="bym-wrapper">

            <div class="introdution-header">
                服务介绍
            </div>
            <div class="server-introduction">
                <p class="server-title">AR发型试戴接入服务</p>
                <p class="server-introduction-text">
                    AR发型试戴，是指利用人脸识别技术、3D发型仿真技术、AR试戴技术，让用户在剪头发/做造型之前，可以先通过手机/IPAD等设备看到做完发型之后的效果，帮助用户更合理地选择自己的发型，避免出错，提高客户满意度。魔发科技的AR发型试戴模块可以接APP/PC端/网页端，随心所欲满足您的定制需求。
                </p>
            </div>

        </div>

    </section>

    <section class="">
        <div class="bym-wrapper">
            <div class="introdution-header">
                核心技术
            </div>
            <ul class="introdution-list clearfix">

                <li class="introdution-list-item">
                    <div class="item-cover without-video">
                        <video controls="controls" poster="https://benyamin.gz.bcebos.com/mofa/product-service/service-advantage/img-cover-video/2D%E8%AF%95%E6%88%B4.jpg">
                            <source src="https://magic-hair-site.gz.bcebos.com/video/services/static_try_on.mp4" type="video/mp4">
                            您的浏览器不支持 video 标签。
                        </video>
                        {{--<i class="item-play-icon"></i>--}}
                        <!-- <div class="img-cover-video">
                            <img src="https://benyamin.gz.bcebos.com/mofa/product-service/service-advantage/img-cover-video/2D%E8%AF%95%E6%88%B4.jpg" alt="">
                        </div> -->
                    </div>
                    <h3 class="title">静态试戴</h3>
                    <p>
                        基于单张照片智能识别用户脸型，实现静态虚拟换发体验。消费者只需上传个人照片即可实现自动换发型、更换发色等功能。试戴时发型自动定位并匹配大小，无需手工调整。一键试戴和试戴对比让消费者快速精准找到适合自己的发型，适用于APP、微信商城及PC网站虚拟换发功能开发，接入成本低。
                    </p>
                    {{--<dl>--}}
                    {{--<dt>运行载体：</dt>--}}
                    {{--<dd>手机移动端、PC端、PAD、网页端、智能硬件设备</dd>--}}
                    {{--</dl>--}}
                    {{--<a href="experience-try-on" class="introdution-btn">点击试用></a>--}}
                </li>
                <li class="introdution-list-item">
                    <div class="item-cover">
                        <video controls="controls" poster="https://benyamin.gz.bcebos.com/mofa/product-service/service-advantage/img-cover-video/dynamic-try-on.jpg">
                            <source src="https://magic-hair-site.gz.bcebos.com/video/services/3D_dynamic_virtual_hair_tryon.mp4" type="video/mp4">
                            您的浏览器不支持 video 标签。
                        </video>
                        {{--<i class="item-play-icon"></i>--}}
                    </div>
                    <h3 class="title">动态试戴</h3>
                    <p>
                        利用普通摄像头实时采集用户的头部图像，将虚拟的发型戴在用户头上，在屏幕上实时呈现出来，为用户呈现照镜子般的体验，提前预见发型的最终呈现效果。3D发型试戴同样支持发型的微定制（如调整发质浓密、头发的粗细、卷曲度、颜色等）。试戴对比技术实现了多窗口实时试戴，帮助用户在大量产品中迅速地挑选出中意发型款式。
                    </p>
                    {{--<dl>--}}
                    {{--<dt>运行载体：</dt>--}}
                    {{--<dd>手机移动端、PC端、PAD、网页端、智能硬件设备</dd>--}}
                    {{--</dl>--}}
                    {{--<a href="experience-optometry" class="introdution-btn">点击试用></a>--}}
                </li>
                <li class="introdution-list-item">
                    <div class="item-cover">
                        <video controls="controls" poster="https://benyamin.gz.bcebos.com/mofa/product-service/service-advantage/img-cover-video/3D-virtual-effect.jpg">
                            <source src="https://magic-hair-site.gz.bcebos.com/video/services/hair_quality_virtual_effect.mp4" type="video/mp4">
                            您的浏览器不支持 video 标签。
                        </video>
                        {{--<i class="item-play-icon"></i>--}}
                    </div>
                    <h3 class="title">3D发型仿真</h3>
                    <p>
                        高精度真实还原头发在各种现实环境下的自然状态。实时毛发渲染技术，100%还原毛发真实物理属性，如生长方向、飘逸感等，让试戴效果更自然、逼真，让用户获得所见即所得的感官体验，激发消费欲望。
                    </p>
                {{--<dl>--}}
                {{--<dt>运行载体：</dt>--}}
                {{--<dd>不限</dd>--}}
                {{--</dl>--}}
                <!--<a href="" class="introdution-btn">点击试用</a>-->
                </li>
                <li class="introdution-list-item">
                    <div class="item-cover without-video">
                        <video controls="controls" poster="https://benyamin.gz.bcebos.com/mofa/product-service/service-advantage/img-cover-video/%E8%84%B8%E5%9E%8B%E8%AF%86%E5%88%AB.jpg">
                            <source src="https://magic-hair-site.gz.bcebos.com/video/services/facial_measurement.mp4" type="video/mp4">
                            您的浏览器不支持 video 标签。
                        </video>
                        <!-- <div class="img-cover-video">
                            <img src="https://benyamin.gz.bcebos.com/mofa/product-service/service-advantage/img-cover-video/%E8%84%B8%E5%9E%8B%E8%AF%86%E5%88%AB.jpg" alt="">
                        </div> -->
                        {{--<i class="item-play-icon"></i>--}}
                    </div>
                    <h3 class="title">人脸数据测量</h3>
                    <p>
                        采用业界领先的人脸检测及追踪技术，通过拍照精准计算出面部关键尺寸（多达86个关键点），并生成用户脸型类型分析建议，
                        实现发型产品的个性化智能推荐，从而快速作出消费决策。
                    </p>
                {{--<dl>--}}
                {{--<dt>运行载体：</dt>--}}
                {{--<dd>手机移动端、PC端、PAD、网页端、智能硬件设备</dd>--}}
                {{--</dl>--}}
                <!--<a href="" class="introdution-btn">点击试用</a>-->
                </li>
            </ul>
        </div>
    </section>

    <!-- 服务介绍 END -->

    <!-- 服务优势 -->
    <section class="advantage">

        <div class="advantage-header">
            服务优势
        </div>

        <ul class="advantage-list clearfix">
            <li>
                <div class="icon"><img src="https://benyamin.gz.bcebos.com/mofa/product-service/service-advantage/%E5%BC%80%E5%8F%91%E6%8A%80%E6%9C%AF.png" alt=""></div>
                <h3>领先的开发技术</h3>
                <p>先进的面部识别与追踪技术领先业界，为客户带来逼真的发型试戴效果，解决理发师与顾客沟通难题。</p>
            </li>
            <li>
                <div class="icon"><img src="https://benyamin.gz.bcebos.com/mofa/product-service/service-advantage/%E4%B8%9A%E5%8A%A1%E9%80%BB%E8%BE%91.png" alt=""></div>
                <h3>完善的业务逻辑</h3>
                <p>结合发型行业实际情况和痛点问题，在开发过程中为客户量身定制完善的业务流程，以提升销量。</p>
            </li>
            <li>
                <div class="icon"><img src="https://benyamin.gz.bcebos.com/mofa/product-service/service-advantage/%E8%BF%90%E8%A1%8C%E7%8E%AF%E5%A2%83.png" alt=""></div>
                <h3>全面的运行环境</h3>
                <p>全面支持iOS和Android平台，可以在手机、PAD、PC端等平台上提供完全一致的用户体验。</p>
            </li>
            <li>
                <div class="icon"><img src="https://benyamin.gz.bcebos.com/mofa/product-service/service-advantage/%E5%94%AE%E5%90%8E.png" alt=""></div>
                <h3>健全的售后体系</h3>
                <p>以客户为中心，用心做服务。专人对接，优质服务，专业的研发流程和良好的售后服务质量赢得客户的广泛认可。</p>
            </li>
            {{--<li>--}}
                {{--<div class="icon"><img src="https://bym-website.gz.bcebos.com/assets/service-try-on/Product_ygpjytj_cpgn_051.png" alt=""></div>--}}
                {{--<h3>支持各种运行环境</h3>--}}
                {{--<p>全面支持iOS，Android和Windows平台，并提供完全一致的用户体验。</p>--}}
            {{--</li>--}}
        </ul>
    </section>
    <!-- 服务优势 END -->


    <!-- 合作伙伴 -->
    <section class="partner">

        <div class="bym-wrapper">
            <div class="partner-header">
                合作伙伴
            </div>

            <ul class="partner-list">
                <li class="partner-list-item">
                    <div class="item-picture"><img src="https://benyamin.gz.bcebos.com/mofa/home/panx.png" alt=""></div>
                    <p class="item-desc">帕克西软件开发</p>
                </li>
                <li class="partner-list-item">
                    <div class="item-picture"><img src="https://benyamin.gz.bcebos.com/mofa/home/igs.png" alt=""></div>
                    <p class="item-desc">新加坡IGS</p>
                </li>
                {{--<li class="partner-list-item">--}}
                    {{--<div class="item-picture"><img src="https://bym-website.gz.bcebos.com/assets/service-try-on/Product_ygpjytj_cpgn_054.jpg" alt=""></div>--}}
                    {{--<p class="item-desc">楼上眼镜</p>--}}
                {{--</li>--}}
            </ul>

        </div>

    </section>
    <!-- 合作伙伴 END -->
@endsection






